<div class="container">
    {notempty name='info'}
    <h2>{$info.title|default=''}</h2>
    <h3>
        <span style="color:#666">{$info.author}</span>
        <span style="margin-left:0.4rem">{:date('Y年m月d日',strtotime($info.create_at))}</span>
    </h3>
    {if $info.show_cover_pic and $info.local_url}<img src="{$info.local_url}" style="width:100%" alt="img">{/if}
    <div class='content-text'>{$info.content|raw}</div>
    <div style="display: flex;justify-content: space-between;margin-top: 12px;margin-bottom: 20px;">
        <a class="content-read" style="color: #0d8ddb;font-size: 1.25em" href="{$info.content_source_url|default =''}">阅读原文</a>
        <div class="content-read">阅读 {$info.read_num}</div>
    </div>
    {else}
    <div class="info"><h3>404</h3> 访问资源不存在哦！</div>
    {/notempty}
</div>
<style>
    .container {
        width: 90%;
        color: #333;
        display: block;
        margin: .2rem auto;
        position: relative
    }

    .container h2 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem
    }

    .container h3 {
        color: #999;
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.5rem;
        margin-bottom: .3rem
    }

    .container .content-read {
        color: #999;
        font-size: 0.8rem;
        text-align: right;
        margin-top: 0.5rem;
        line-height: 1rem;
    }

    .container .content-text {
        font-size: .9rem;
        line-height: 1.3rem
    }

    .container .content-text img {
        max-width: 100%;
        height: auto !important
    }
</style>